<template>
  <div class="account_card">
    <p>{{title}}</p>
  </div>
</template>

<script>
  export default {
    name: "",
    props: ['title']
  }
</script>
<style scoped lang="scss">
  .account_card {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: #EEEEEE;
    box-shadow: 0px 1px 3px 0px rgba(172, 169, 169, 0.64);
    border-radius: 3px 3px 0px 0px;
    padding: 0 15px;
    box-sizing: border-box;

    & > p {
      font-weight: 400;
      color: #333333;
      padding-left: 8px;
      position: relative;

      &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 12px;
        background: #2D80B4;
        z-index: 1;
      }
    }
  }
</style>